<template>
  <div class="ArticleList">
    
    <ArticleItem v-for="(item) in datas" :key="item.id" :item="item" ></ArticleItem>
  </div>
</template>

<script>
import ArticleItem from '@/components/ArticleItem.vue'
export default {
    components:{
      ArticleItem,
    },
    props:{
      datas:{
        type:Array,
        default(){
          return []
        }
      }
    },
    created() {
      // this.getData()
    },
    methods: {
    }
}
</script>

<style scoped >
    .ArticleList:last-child{
        margin-bottom: 40px;
      }
</style>